<template>
	<view>
		<view v-if="dataList">
			<view @click="toUrl(item)" class="tgbody" v-for="(item, index) in dataList" :key="index">
				<image class="tj_img" :src="baseUrl+item.appImg"></image>
				<view class="tj_con">
					<view class="tj_title">{{item.appTitle}}</view>
					<view class="tj_info">{{item.appMs}}</view>
				</view>
				<view class="tj_go"><text class="cuIcon-right"></text></view>
			</view>
			
		</view>
		<view style="text-align: center;" v-else>
			<image style="width: 400rpx;height: 200rpx;margin-top: 200rpx;" src="http://imgs.emoboy.vip/static/public/nodata.svg"></image>
			<view style="color: #adadad;">暂时没有任何数据</view>
		</view>
		<ad-custom v-if="sysConfig.sysConfig.spAd" :unit-id="sysConfig.sysConfig.spAd" bindload="adLoad" binderror="adError" bindclose="adClose"></ad-custom>
		
	</view>
</template>

<script>
	import {
		getTjList
	} from "@/api/api.js"
	import config from '@/config'
	export default {
		data() {
			return {
				userName: config.userName,
				baseUrl: config.baseUrl,
				dataList: null,
				sysConfig: uni.getStorageSync("appUser"),
			}
		},
		onLoad() {
			var that = this
			getTjList({
				dlUser: that.userName
			}).then(response => {
				that.dataList = response.rows
			})
		},
		methods: {
			toUrl(val){
				uni.navigateToMiniProgram({
					appId: val.appId,
					path: val.appUrl, //需要打开的目标路径
					extraData: {
					},
					envVersion: 'release', //小程序版本：develop（开发版），trial（体验版），release（正式版）
					success(res) {
						// 打开成功
					}
				})
			}
		}
	}
</script>

<style>
	/* 列表没有数据 */
	.no-list-data {
		text-align: center;
		margin-bottom: 100rpx;
		color: #b3b3b3;
		font-size: 24upx;
		margin: 25rpx 20rpx 0rpx 20rpx;
	}
	.tgbody{
		padding: 20rpx;
		background-color: white;
		height: 190rpx;
		margin-bottom: 10rpx;
	}
	.tj_img{
		float: left;
		width: 220rpx;
		height: 150rpx;
	}
	.tj_con{
		float: left;
		width: 400rpx;
		margin-left: 30rpx;
	}
	.tj_title{
		margin-top: 10rpx;
		font-size: 35rpx;
	}
	.tj_info{
		margin-top: 10rpx;
		  display: -webkit-box;
		  -webkit-box-orient: vertical;
		  -webkit-line-clamp: 2; /* 限制在一个块元素显示的文本的行数 */
		  overflow: hidden;
		  text-overflow: ellipsis;
		  color: #495060;
	}
	.tj_go{
		float: right;
		margin-top: 50rpx;
		font-size: 40rpx;
		color: #495060;
	}

</style>
